@charset "utf-8";
/* CSS Document */


#wrapper{
	margin:0 auto;
    font-family: Georgia;
	height: auto;
    width: 1024px;
}

/* header */

#header{
  	width:auto;
	height:52px;
	padding: 10px 15px;
	background:url("../images/bg_header.png") left top repeat-x;
	
}

#logo {
	width:64px;
	height:55px;
	background:url("../images/logo.png") center no-repeat;
	cursor:pointer;
	margin-right:10px;
}

#header h1.title{
	font-size:15px;	
	color:#FFF;
	margin-top:8px;
	font-weight:bold;
	font-family: verdana;
}

#header h1.title span{ font-size:12px;}

#header a{
	color:#fff;
}

a#settings,a#logout{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;

}

a#settings{
	width:72px;
	height:23px;
	background:url("../images/btn_settings.png") center no-repeat;
	text-align:center;
	margin-right:10px;
}

/* nav */

#nav{
	height:58px;
	width:auto;
	font-family: Arial;
	padding-top: 1px;
	background:url("../images/bg_menu.png") left repeat-x;
}

#nav ul{

    height: inherit;
    line-height: 56px;
	margin-left:140px;
	position:relative;

}


#nav li{
    font-size: 14px;
    font-weight: bold;
	text-transform:uppercase;
	color:#3871B6;
	height: 51px;
    text-align: center;
	float: left;
}

#nav li.active{color: #FFFFFF;}
#nav li.normal{ margin:0 10px;}

#nav div.nav-border-left{
	background: url("../images/nav-border-left.png") no-repeat scroll left top transparent;
    float: left;
    height: inherit;
	width: 10px;
}

#nav div.nav-link-content{
	background: url("../images/nav-link-content.png") repeat-x scroll left top transparent;
    float: left;
    height: inherit;
    padding: 0 10px;

}

#nav div.nav-border-right{
	background: url("../images/nav-border-right.png") no-repeat scroll left top transparent;
    float: left;
    height: inherit;
    width: 10px;
}

/* -- main -- */

#main{
	height:auto;
    width: inherit;
}

#box{
    width: 921px;
}

#box-top{
	width:auto;
	height:31px;
	background:url("../images/border_top_box.png") center no-repeat;
	padding-left:15px;
}

#box-bottom{
	width:auto;
	height: 16px;
	background:url("../images/border_bottom_box.png") center no-repeat;
}

#box-body{
	padding:30px 15px 20px 15px;
	background:#fff;
	
}

#box-top h2.subtitle{
	line-height:31px;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	font-weight:bold;

}

/** box table **/
#box-body table {
	width:100%;
}

#box-body table th, table td{
	text-align:center;
	border:1px solid #d8d8d8;
	padding:13px 12px;
}

#box-body table th{
	color:#000;
	font-weight:bold;
	font-size:14px;
	vertical-align: middle;
}

#box-body table td{
	color:#000;
	font-size:12px;
	vertical-align: middle;
}

p.th_title{ margin-top:4px;}

a.actions{ color:#79a9d3;}
td a.actions{ display:block;}
button.btn_add,input.btn_form,input.btn_form2,input.btn_form3{ 
	height:31px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.7px;
	font-style:italic;
	outline:none;

}
button.btn_add{
background:url("../images/btn1.png") center no-repeat;
width:68px;
}
input.btn_form{
background:url("../images/btn2.png") center no-repeat;
border:0;
padding:0;
margin-right:10px;
width: 80px;
}

input.btn_form2{
background:url("../images/btn3.png") center no-repeat;
border:0;
padding:0;
margin-right:10px;
width: 136px;
}

input.btn_form3{
background:url("../images/btn4.png") center no-repeat;
border:0;
padding:0;
margin-right:10px;
width: 354px;
margin-left: 546px;
}
/*-- footer --**/

#footer{
	padding-top:115px;
	width:auto;
	height:auto;
	background:url("../images/img_footer.png") top no-repeat;
}

#footer h3{
	width:auto;
	background:url("../images/bg_footer.png") left repeat-x;
	height:49px;
	line-height:49px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-family: verdana;
    font-size: 12px;
	font-weight:bold;
}

/* -- form -- */

#box-body .form{
 font-family:sans-serif,Arial; 	
 color:#636364;
}

#box-body .form label{
	display:block; 
}

#box-body .form label span{
	float:left;
	width:230px;
}

#box-body .form .inputxt{
	width:199px;
	height:18px;
}

.form h3.title{
	padding-left:22px;
	margin-bottom:5px;
	
}

#user_licenses{
	text-align:right;
	
}

#login span{
	width:140px !important;	
	
}

#facturacion span,#reclamo span{
	width:180px !important;	
	
}

#login .inputxt,#facturacion .inputxt,#reclamo .inputxt{ border:1px solid #CCC; }

#login .inputxt:hover,#facturacion .inputxt:hover,#reclamo .inputxt:hover{
	border:1px solid #C63;
	
}

.error{ color:#993300; font-size:12px; clear:both; display:none;}

#login .error{ margin-left:140px; margin-bottom:5px;}

/*-- class commomns --*/
.bg_main{background:url("../images/bg_main.png") top repeat;}
.fx_child{ overflow:hidden; }
.fx_margin_div{ height:1px;}
.float-left{ float:left; }
.float-right{ float:right;}
.center{margin:0 auto;}
.margin-left-small { margin-left: 10px;}
.margin-left-xsmall {margin-left: 15px;}
.margin-right-small { margin-right: 10px;}
.margin-top-light{ margin-top:5px;}
.margin-top-small { margin-top: 10px;}
.margin-top-xsmall {margin-top: 15px;}
.margin-top-large {margin-top: 20px;}
.margin-top-xlarge {margin-top: 30px;}
.margin-bottom-light{ margin-bottom:5px;}
.margin-bottom-small { margin-bottom: 10px;}
.search{ width:300px; height:18px;}
